<%--
  Created by IntelliJ IDEA.
  User: kentandfanny
  Date: 2020/6/12
  Time: 20:09
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE >
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="众筹,众筹中原,投资">
    <title>众筹中原-提供您身边的万元股权投资项目</title>
    <link rel="stylesheet" href="http://www.zczyw.com:80/zczyPC/css/public.css" />
    <link rel="stylesheet" href="http://www.zczyw.com:80/zczyPC/css/index.css" />
<%--    <script type="text/javascript" src="http://www.zczyw.com:80/zczyPC/js/jquery.SuperSlide.2.1.1.js" ></script>--%>
    <link rel="stylesheet" href="http://www.zczyw.com:80/zczyPC/css/common.css" />
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
    <style>
        .popMain {
            height: 400px
        }

        .ltem_1 {
            position: relative;
            padding-bottom: 12px;
        }

        .ltem_1 input {
            border: 1px solid #909090 !important;
            outline: none !important;
            width: 380px;
            border-radius: 3px !important;
            padding: 10px 0 !important;
            line-height: 20px !important;
        }

        .ltem_1 label {
            /*position: absolute;
            left:90px;*/
        }

        .ltem_1 .list_head {
            width: 120px;
            display: inline-block;
            text-align: right;
            margin-right: 15px;
            font-size: 16px;
        }

        .ltem_1 select {
            width: 120px;
            font-size: 16px;
            font-weight: normal;
            padding: 5px 0;
            border-radius: 3px;
        }

        .head_img_up {
            width: 600px;
            text-align: center;
        }

        .head_img_up img {
            width: 130px;
            height: 130px;
            border-radius: 50%;
        }

        .upload_btn {
            border: none;
            width: 100px;
            height: 40px;
            color: #fff;
            font-size: 14px;
            line-height: 40px;
            position: relative;
            margin: 10px auto 40px auto;
            border-radius: 5px;
        }

        .upload_btn input {
            opacity: 0;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        #imghead {
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
        }

        .yzm {
            font-size: 16px;
            color: #009F95;
            position: absolute;
            right: 180px;
            top: 8px;
        }
    </style>

   <%-- <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?9f1dcd4ffb3cc89fe864ac413a04895b";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>--%>
</head>

<body>
<!-- 头部 -->




<!-- 头部 -->
<header>
    <div class="center clearfix">
        <div class="rt_head">
            <span> <img src="images/head_vx.png" alt=""> 在线客服微信： <b>zczyw001</b></span>
            <span> <img src="images/head_call.png" alt=""> 官方咨询电话： <b>400-999-8235</b>
			</span> <span class="scan"> <img src="images/head_scan.png" />微信公众号 <img src="images/header.png"
                                                                                     class="mp" style="">
			</span> <span> <a href="/pages/aboutUs"> 关于我们 </a>
			</span>
        </div>
    </div>
</header>
<!-- 导航nav -->
<nav>
    <div class="center" style="position: relative;">
        <a href="index/index.do" class="logo"></a>
        <div class="nav_tab">
            <a href="###">首页</a>
            <a href="/item/showItem">综合类项目</a>
            <a href="/pages/tradeItem">交易类项目</a>
            <a href="/pages/succeedItem">已成功项目</a>
            <a href="/pages/community">众筹社区</a>
        </div>
        <a href="/pages/publishItem" class="gradient add_zc" style="margin-left: 50px;"> +发起众筹 </a>
        <div class="log_txt">
            <!-- 登录前 -->
            <div class="log_txt_before" id="loginBefore">
                <a href="/pages/login">登录</a>|
                <a href="/pages/register">注册</a>
            </div>
            <!--登录后-->
            <div class="log_txt_head" id="loginAfter">
                <a href="launch/launchCenter.do" class="mes" style="margin-right: -10px;">
                    <i class="iconfont icon-xinfeng"></i>
                </a>
                <a class="head-img" id="head-img">
                    <img id="c_header" src="viewer/viewDisk.do?path="
                         onerror="javascript:this.src='images/head-mr.jpg'" />
                </a>
                <ul style="display: none;" id="list">
                    <li class="active">
                        <a href="Site/toPerson.do">
                            <i class="iconfont icon-gerenzhongxin"></i>个人设置
                        </a>
                    </li>
                    <li>
                        <a href="order/findMaybeOrder.do">
                            <i class="iconfont icon-dingdanxinxi"></i>订单管理
                        </a>
                    </li>
                    <li>
                        <a href="persion/project.do">
                            <i class="iconfont icon-xiangmuxiaoxi"></i>项目管理
                        </a>
                    </li>
                    <li>
                        <a href="money/findFortune.do">
                            <i class="iconfont icon-caifuzhongxin"></i>财富中心
                        </a>
                    </li>
                    <li>
                        <a href="launch/launchCenter.do">
                            <i class="iconfont icon-xinfeng"></i>消息中心
                        </a>
                    </li>
                    <li style="border-top:1px solid #EDEDED;text-align: center;">
                        <a href="/login/logout"> 退出 </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</nav>
<!-- 侧边栏 -->

<div class="side">
    <a class="weixin" target="blank" href="" style="background-position: 0px 0px;">
        <div style="width: 0px; height: 0px; opacity: 0;"></div>
    </a>
    <a class="kefu" target="blank" href="" style="display:none;"></a>
    <a class="qq" target="blank" href="" style="background-position: 0px -40px;">
        <div style="width: 0px; height: 0px; opacity: 0;"></div>
    </a>
    <a class="servic" target="_blank" href="" style="background-position: 0px -80px;">
        <div style="width: 0px; height: 0px; opacity: 0;"></div>
    </a>
    <!--  <a class="servic" target="blank" style="background-position: 0px -118px;">
            <div style="width: 0px; height: 0px; opacity: 0;">
            </div>
        </a> -->
    <a class="backtop" target="blank" href="" style="background-position: 0px -158px;"></a>
<%--    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>--%>
    <script type="text/javascript">
        $('.scan').hover(function() {
            $('.mp').toggle()
        })
    </script>
</div>


<!--间隔-->
<div class="nuk"></div>
<!-- 轮播 -->
<div id="slideBox" class="slideBox">
    <div class="hd">
        <ul class="flex-control-nav">

            <li>1</li>

            <li>1</li>

            <li>1</li>

            <li>1</li>

            <li>1</li>

            <li>1</li>

            <li>1</li>

        </ul>
    </div>
    <div class="bd">
        <ul>

            <li><a href="http://www.zczyw.com/zczyPC/partTran/toPartTran.do?id=597" target="_blank" style="background: url(viewer/viewDisk.do?path=/alidata/files/img/2020/ba9d12e62cef4a4b941b0b021c64a3ea.jpg) no-repeat center;"></a></li>

            <li><a href="http://www.zczyw.com/zczyPC/rightsInterests/rightsInterestsPage.do?id=640" target="_blank" style="background: url(viewer/viewDisk.do?path=/alidata/files/img/2020/e3ea5009da1e4a6b9d5075ff6f42b8e9.jpg) no-repeat center;"></a></li>

            <li><a href="http://www.zczyw.com/zczyPC/rightsInterests/rightsInterestsPage.do?id=627" target="_blank" style="background: url(viewer/viewDisk.do?path=/alidata/files/img/2020/d500ca1443b148098a856b2da147d1d8.png) no-repeat center;"></a></li>

            <li><a href="http://www.zczyw.com/zczyPC/rightsInterests/rightsInterestsPage.do?id=628" target="_blank" style="background: url(viewer/viewDisk.do?path=/alidata/files/img/2020/c90d0a0a1d61466481478f8ae2ed1bef.png) no-repeat center;"></a></li>

            <li><a href="http://www.zczyw.com/zczyPC/rightsInterests/rightsInterestsPage.do?id=631" target="_blank" style="background: url(viewer/viewDisk.do?path=/alidata/files/img/2020/79cbf02ffa1340f08d7fc0f067bd938b.png) no-repeat center;"></a></li>

            <li><a href="http://www.zczyw.com/zczyPC/rightsInterests/rightsInterestsPage.do?id=629" target="_blank" style="background: url(viewer/viewDisk.do?path=/alidata/files/img/2020/87ca71961d874da494c9a81c366db4dd.jpg) no-repeat center;"></a></li>

            <li><a href="http://www.zczyw.com/zczyPC/rightsInterests/rightsInterestsPage.do?id=626" target="_blank" style="background: url(viewer/viewDisk.do?path=/alidata/files/img/2020/f806de63498f42e797efda30954f7532.png) no-repeat center;"></a></li>

        </ul>
    </div>

    <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
    <a class="prev" href="javascript:void(0)"></a>
    <a class="next" href="javascript:void(0)"></a>
</div>
<!-- 公告+数据 -->
<div class="w_num">
    <div class="w_main">
        <div class="ptgg_left">
            <div class="txtScroll-top">
                <div class="hd"></div>
                <div class="bd">
                    <i class="iconfont icon-tongzhimb"></i>
                    <ul class="infoList">

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=436" target="_blank">长文：股权投融资干货分享 </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=437" target="_blank">段子搞笑，当真了你就真的搞笑了！ </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=438" target="_blank">有一种时间不敢算 </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=439" target="_blank">我不贪，我只要安全 </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=440" target="_blank">餐饮行业如何有效使用众筹工具（中） </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=441" target="_blank">重磅 ▏国家支持股权众筹融资等创新业务先行先试 </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=442" target="_blank">“小龙虾学院”首批学生已被预定一空！ </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=443" target="_blank">随着燃油车的逐步禁售，新能源汽车充电站投资机会来了！ </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=444" target="_blank">项目信息披露 </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
        <div class="ptgg_right">
            <div class="txtScroll-top">
                <div class="hd"></div>
                <div class="bd" style="margin-left: 20px;">
                    <i class="iconfont icon-tongzhimb"></i>
                    <ul class="infoList">

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=436" target="_blank">长文：股权投融资干货分享 </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=437" target="_blank">段子搞笑，当真了你就真的搞笑了！ </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=438" target="_blank">有一种时间不敢算 </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=439" target="_blank">我不贪，我只要安全 </a>
                        </li>

                        <li><span class="date">12/18</span>
                            <a href="community/toNewsListDetails.do?id=440" target="_blank">餐饮行业如何有效使用众筹工具（中） </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=441" target="_blank">重磅 ▏国家支持股权众筹融资等创新业务先行先试 </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=442" target="_blank">“小龙虾学院”首批学生已被预定一空！ </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=443" target="_blank">随着燃油车的逐步禁售，新能源汽车充电站投资机会来了！ </a>
                        </li>

                        <li><span class="date">06/19</span>
                            <a href="community/toNewsListDetails.do?id=444" target="_blank">项目信息披露 </a>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 项目情况 -->
<div class="tj">
    <div class="center">
        <div class="xm_list">
            <div class="xm_ltem" style="float: left;">
                <a href="transactionItems/toTransactionItem01.do">
                    <img src="images/show_bg1.png" />
                    <img src="images/show_1.png" class="show1" />
                    <p><img src="images/show_txt1.png" /></p>
                </a>
            </div>
            <div class="xm_ltem" style="float: right;">
                <a href="showItems/toShowProject01.do">
                    <img src="images/show_bg2.png" />
                    <img src="images/show_2.png" class="show1" />
                    <p><img src="images/show_txt2.png" /></p>
                </a>
            </div>
        </div>
        <div class="xm_list">
            <ul class="xm_num">
                <li >
                    <i id="myTargetElement"></i> 项目总数
                </li>
                <li>
                    <i id="myTargetElement2"></i> 预约金额
                </li>
                <li>
                    <i id="myTargetElement3"></i> 支持人次
                </li>
                <li >
                    <i id="myTargetElement4"></i> 支持金额
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- 合作伙伴 -->
<div class="tj five">
    <div class="index_bottom">
        <span class="index_bottom_list">合作伙伴</span>
    </div>
    <div class="center">
        <!-- 下 -->
        <div class="idex_bt">
            <div class="cp">
                <ul class="login_msg">

                    <li style="margin-left:0px;">
                        <a href="##">
                            <img src="viewer/viewDisk.do?path=/alidata/files/img/hexin.jpg">
                        </a>
                    </li>

                    <li style="margin-left:0px;">
                        <a href="##">
                            <img src="viewer/viewDisk.do?path=/alidata/files/img/pufa.jpg">
                        </a>
                    </li>

                    <li style="margin-left:0px;">
                        <a href="##">
                            <img src="viewer/viewDisk.do?path=/alidata/files/img/rongbao.jpg">
                        </a>
                    </li>

                    <li style="margin-left:0px;">
                        <a href="##">
                            <img src="viewer/viewDisk.do?path=/alidata/files/img/shouhang.jpg">
                        </a>
                    </li>

                    <li style="margin-left:0px;">
                        <a href="##">
                            <img src="viewer/viewDisk.do?path=/alidata/files/img/tonglian.jpg">
                        </a>
                    </li>

                    <li style="margin-left:0px;">
                        <a href="##">
                            <img src="viewer/viewDisk.do?path=/alidata/files/img/yatai.jpg">
                        </a>
                    </li>

                    <li style="margin-left:0px;">
                        <a href="##">
                            <img src="viewer/viewDisk.do?path=/alidata/files/img/dazhi.jpg">
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 风险揭示 -->
<div class="tj five">
    <div class="index_bottom">
        <span class="index_bottom_list">投资风险揭示书</span>
    </div>
    <div style="padding:45px 0;font-size:16px;line-height:30px;text-align: center;color: #646464;"> 任何股权投资都具有一定风险，请仔细阅读相关投资细则，全面了解相关法律法规，根据自身的投资目的、投资期限、投资经验、资产状况等判断是否具备相应的投资风险承受能力。<br> 本众筹平台对发布、转载、分享的众筹项目，不对所包含内容的真实性、合法性、准确性、完整性、可靠性或完善性提供任何明示或暗示的保证，仅供投资者参考，本众筹平台将不承担任何责任。 </div>
</div>
<!-- footer -->





<!-- 尾部 -->
<footer>
    <div class="w clearfix">
        <div class="lg_footer clearfix">
            <div class="sm_footer">
                <div class="gplz">
                    <div class="gplz_lj">
                        <ul class="" style="">

                            <li>
                                <a href="singlePc/jumpSingle/51.do">关于我们</a>
                            </li>
                            <li>|</li>

                            <li>
                                <a href="singlePc/jumpSingle/43.do">联系我们</a>
                            </li>
                            <li>|</li>

                            <li>
                                <a href="singlePc/jumpSingle/39.do">注册协议</a>
                            </li>
                            <li>|</li>

                            <li>
                                <a href="singlePc/jumpSingle/40.do">发起人协议</a>
                            </li>
                            <li>|</li>

                            <li>
                                <a href="singlePc/jumpSingle/45.do">发起人须知</a>
                            </li>
                            <li>|</li>

                            <li>
                                <a href="singlePc/jumpSingle/41.do">支持者须知</a>
                            </li>
                            <li>|</li>

                            <li>
                                <a href="singlePc/jumpSingle/42.do">众筹课堂</a>
                            </li>
                            <li>|</li>

                            <li>
                                <a href="community/toCrowdfundingCommunity.do">众筹社区</a>
                            </li>
                        </ul>
                        <p class="place_footer">--众筹中原-- by:神农山一队精英 </p>
                    </div>
                </div>
                <div class="trusted-icon">
                    <a href="http://www.51miit.com/auth/CE5B140C67E74642BB83A59AE27312EE/" target="_blank">
                        <img src="images/icp.png" alt="">
                    </a>
                    <a href="http://www.zczyw.com/Public/statics/img/shangbiaozheng.jpg" target="_blank">
                        <img src="images/shangbiaozheng.png" alt="">
                    </a>
                    <a href="http://www.zczyw.com/Public/statics/img/zhuzuoquan.jpg" target="_blank">
                        <img src="images/zhuzuoquan.png" alt="">
                    </a>
                    <a
                            href="http://gsxt.haaic.gov.cn/company/detail.jspx?id=4F8FFD5FE3C8896FE053070A080AC15D&amp;jyzk=jyzc"
                            target="_blank">
                        <img src="images/gongshang.png" alt="河南工商">
                    </a>
                    <a href="http://webscan.360.cn/index/checkwebsite/url/www.zczyw.com" target="_blank">
                        <!--<img border="0" src="http://webscan.360.cn/status/pai/hash/61b2506c91c6f99c2d853ff592ab0a1f"/>-->
                        <img border="0" src="images/360.png">
                    </a>
                    <a
                            href="https://www.creditchina.gov.cn/xinyongxinxixiangqing/default.html?isEncryStr=1&amp;encryStr=fWJ3bjludDZpMjE%3D%0A&amp;name=%E6%B2%B3%E5%8D%97%E5%8D%8E%E6%99%9F%E7%BD%91%E7%BB%9C%E7%A7%91%E6%8A%80%E8%82%A1%E4%BB%BD%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8&amp;isEncryStr=1"
                            target="_blank">
                        <img src="images/china.png" alt="信用中国">
                    </a>
                </div>
            </div>
        </div>
    </div>
</footer>

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<!-- 控制登录菜单 -->
<script type="text/javascript">
    var loginUser=${loginObject.userId};
    if (loginUser!=null){
        console.log(loginUser);
        $("#loginBefore").css("display","none");
        $("#loginAfter").css("display","block");
    }else {
        console.log(loginUser);
        $("#loginAfter").css("display","none");
    }

    $('#head-img').hover(function() {
        $('#list').show();
    });
    $('.log_txt_head').mouseleave(function() {
        $("#list").css("display", "none");
    });
    $('#head-img').on('click', function() {
        window.location.href = "Site/toPerson.do";
    });
</script>

<script type="text/javascript">
    $('#head-img').hover(function() {
        $('#list').show();
    });
    $('.log_txt_head').mouseleave(function() {
        $("#list").css("display", "none");
    });
    $('#head-img').on('click', function() {
        window.location.href = "Site/toPerson.do";
    });

    //右侧悬浮
    var q_menu = $('#q_menu');
    var member_msg = $('.member_msg');
    var u_show = 1;
    var time_run;
    var node_1 = new Array('-0px 0px', '-0px -220px', '0px -40px', '0px -80px', '0px -158px');
    var node_2 = new Array('-42px 0px', '-42px -220px', '-42px -40px', '-42px -80px', '-42px -158px');
    member_msg.on('mouseover', function() {
        u_show = 1;
        clearTimeout(time_run);
        show_menu();

    })
    member_msg.on('mouseout', function() {
        u_show = 0;
        time_run = setTimeout(hide_menu, 300);
    });

    function hide_menu() {
        if (u_show != 1) {
            member_msg.css('color', '#000000');
            q_menu.hide();
        }
    }

    function show_menu() {
        member_msg.css('color', '#FFFFFF');
        q_menu.show();
    }

    $('.side a').on('mouseover', function() {
        var _this = $(this);
        animation(_this, -1);
        if (_this.attr('class') == 'weixin') {
            _this.find('div').css({
                "width" : '200px',
                "height" : '200px',
                "opacity" : '1'
            })
        } else if (_this.attr('class') == 'qq') {
            _this.find('div').css({
                "width" : '200px',
                "height" : '200px',
                "opacity" : '1'
            })
        } else if (_this.attr('class') == 'servic') {
            _this.find('div').css({
                "width" : '200px',
                "height" : '200px',
                "opacity" : '1'
            })
            _this.find('a').show();
        }

    });

    $('.side a').on('mouseout', function() {
        var _this = $(this);
        animation(_this, 1);
        _this.cancelBubble = true;
        _this.find('div').css({
            "opacity" : '0',
            "width" : '0px',
            "height" : '0px'
        })

    });
    $('.side a').on('click', function() {
        var _this = $(this);
        if (_this.attr('class') == 'backtop') {
            pageScroll();
        } else if (_this.attr('class') == 'kefu') {
            window.open('/help-contrast.htm');
        } else if (_this.attr('class') == 'servic') {
            javascript:void (0);
        }
        return false;
    });

    function animation(obj, stat) {
        if (stat > 0) {
            obj.css('background-position', node_1[obj.index()]);
        } else {
            obj.css('background-position', node_2[obj.index()]);
        }

    }

    function KeyDown() {
        if (event.keyCode == 13) {
            event.returnValue = false;
            event.cancel = true;
            $('.formsheelA').click();
        }
    }

    function pageScroll() {
        window.scrollBy(0, -100);
        scrolldelay = setTimeout('pageScroll()', 10);
        var sTop = document.documentElement.scrollTop + document.body.scrollTop;
        if (sTop == 0) clearTimeout(scrolldelay);
    }
</script>

<!-- 侧边栏 -->
<div class="side">


</div>


</div>

<!-- none    block -->
<!-- 如果没有绑定，弹出框 。  如果绑定则不弹出-->
<!-- display:none -->
<div class="popBox" style="display:none">

    <form id="login_form1" action="" method="post">
        <input type="hidden" name="openID"  value="">
        <input type="hidden" name="Nickname"  value="">
        <input type="hidden" name="Gender" value="">
        <input type="hidden" name="Avatar" value="">
        <input type="hidden" name="froms" value="">
        <input type="hidden" name="access_token" value="">
        <input type="hidden" name="expires_date" value="">

        <div class="popMain" >
            <h3 class="title">绑定手机号
                <span id="fime" style="display:none;">x</span>
            </h3>
            <div class="smPanel" style="padding-left: 70px;">
                <div class="ltem_1">
                    <span class="list_head">手机号：</span>
                    <label>
                        <input id="loginname" type="text" name="user_phone" class="login_input" >
                    </label>
                    <div style="color:red;display:none;" id="todas" >手机号不对</div>
                </div>

                <div class="ltem_1">

                    <span class="list_head">验证码：</span>
                    <label>
                        <input type="text" id="code"  name="code" class="login_input" style="border:none;"
                               autocomplete="off">
                    </label>
                    <a type="button" class="yzm" id="smsSendBtn">发送验证码</a>
                </div>
                <div style="color:red;display:none;" id="too">验证码不对</div>
                <div class="ltem_1">
						<span class="list_head ltem" style="padding-bottom: 0;">
						</span>

                </div>
                <div class="buttonBox" style="width:200px;padding-bottom: 50px; margin-left: 7em;margin-top: 30px;margin: 0 auto;">
                    <a class="gradient" id="sure">提交</a>
                </div>
                <div style="color:red;display:none;" id="tll">修改成功</div>
            </div>
        </div>
    </form>
</div>


<!--控制新闻翻动-->
<%--<script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../js/jquery.SuperSlide.2.1.1.js"></script>--%>

<script type="text/javascript">
    jQuery(".slideBox").slide({ mainCell: ".bd ul", autoPlay: true });
</script>
<script>
    jQuery(".txtScroll-top").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "top", autoPlay: true, vis: 1 });
</script>
<!--控制数字滚动-->
<script type="text/javascript" src="js/countUp.min.js"></script>
<script type="text/javascript">
    var options = {
        useEasing: true,
        useGrouping: true,
        separator: ',',
        decimal: '.',
        prefix: '',
        suffix: ''
    };
    var demo = new CountUp("myTargetElement", 0, 473.0, 0, 2.5, options);
    var demo2 = new CountUp("myTargetElement2", 0, 1156023.21, 0, 2, options);
    var demo3 = new CountUp("myTargetElement3", 0, 1842.0, 0, 2, options);
    var demo4 = new CountUp("myTargetElement4", 0, 1.035517093E7, 0, 2, options);
    $(window).scroll(function() {
        if($(window).scrollTop() >= 250) {
            demo.start();
            demo2.start();
            demo3.start();
            demo4.start();
        }
    })
</script>

</body>


<script type="text/javascript">
    $('#smsSendBtn').on('click', function() {
        var phoneReg = /(^1[3|4|5|7|8]\d{9}$)|(^09\d{8}$)/;
        var user_phone = $("input[name='user_phone']").val();

        if (phoneReg.test(user_phone)) {
            $('#todas').html('');
            $('#todas').hide();
            //异步请求检验账号是否正确并发送验证码
            $.post("index/getSecurityCode.do", {
                "phone" : user_phone
            }, function(data) {
                if (data.code == "200") {
                    //发送验证码倒计时
                    //设置button效果，开始计时
                    var time = 59; //间隔函数，1秒执行
                    $("#smsSendBtn").attr("disabled", "true");
                    var timer = setInterval(function() {
                        $("#smsSendBtn").text("请在" + time + "秒后重新获取");
                        if (time > 0) {
                            time--;
                        } else {
                            //原始颜色
                            $("#smsSendBtn").text("获取验证码").removeAttr("disabled");
                            clearInterval(timer);
                        }
                    }, 1000);
                } else {
                    $('#todas').html(data.msg);
                    $('#todas').show();
                }
            });
        } else {
            $('#todas').html('手机号格式不正确');
            $('#todas').show();
        }
    });

    $('#sure').on('click', function() {
        var user_phone = $("input[name='user_phone']").val();
        var code = $("input[name='code']").val();

        if (code =='') {
            $('#too').html('请输入验证码');
            $('#too').show();
            return;
        }
        console.log($('#login_form1').serialize());

        $.post("index/getzyzyUser.do",$('#login_form1').serialize(),function(data) {
            console.log(data);

            if (data.statesCode == "200") {
                //修改成功
                $('#tll').html('修改成功');
                $('#tll').show();
                $('.popBox').css("display","none");
                //setTimeout('guanbi()', 1000);
            } else {
                $('#tll').html(data.message);
                $('#tll').show();
            }
        });

    });

    //控制绑定手机号弹窗隐藏显示
    $('#fime').on('click',function(){
        $('.popBox').css("display","none");
    });
    /* function guanbi(){
        $('.popBox').css("display","none");
    } */
</script>

</html>
